<template>
  <el-card class="card">
    {{ type }}
    <template #header>
      <div class="card-header">
        <span>{{ title }} </span>
      </div>
    </template>
    <p>{{ list.filter((v) => v.type === type).length }}</p>
    <a style="float: right"> 日同比20% </a>
  </el-card>
</template> 
<script>
export default {
  props: {
    title: {
      type: String,
      default: "内容11",
    },
    type: {
      type: String,
      default: "内容11",
    },
    list :Array
  },
  data() {
    return { 
      total: 1,
    };
  },  
};
</script>

<style>
.el-col { 
  width: 21%;
}
.card { 
  line-height: 30px;
}
</style>